<div class="container">
  <div class="row">
    <div class="col-md-8 offset-md-2">
      <article>
        <div class="mb-4 text-center">
          <h1 class="mb-1">
            <strong>Ghostfolio</strong>:
            <ng-container i18n>The Open Source Alternative to</ng-container
            >&nbsp;<strong>{{ product2.name }}</strong>
          </h1>
        </div>
        @if (product2.isArchived) {
          <div class="info-container my-4 p-2 rounded text-center text-muted">
            <ng-container i18n>This page has been archived.</ng-container>
          </div>
        }
        <section class="mb-4">
          <p i18n>
            Are you looking for an open source alternative to
            {{ product2.name }}?
            <a [routerLink]="routerLinkAbout">Ghostfolio</a> is a powerful
            portfolio management tool that provides individuals with a
            comprehensive platform to track, analyze, and optimize their
            investments. Whether you are an experienced investor or just
            starting out, Ghostfolio offers an intuitive user interface and a
            <a [routerLink]="routerLinkFeatures"
              >wide range of functionalities</a
            >
            to help you make informed decisions and take control of your
            financial future.
          </p>
          <p i18n>
            Ghostfolio is an open source software (OSS), providing a
            cost-effective alternative to {{ product2.name }} making it
            particularly suitable for individuals on a tight budget, such as
            those
            <a href="../en/blog/2023/07/exploring-the-path-to-fire"
              >pursuing Financial Independence, Retire Early (FIRE)</a
            >. By leveraging the collective efforts of a community of developers
            and personal finance enthusiasts, Ghostfolio continuously enhances
            its capabilities, security, and user experience.
          </p>
          <p i18n>
            Let’s dive deeper into the detailed Ghostfolio vs
            {{ product2.name }} comparison table below to gain a thorough
            understanding of how Ghostfolio positions itself relative to
            {{ product2.name }}. We will explore various aspects such as
            features, data privacy, pricing, and more, allowing you to make a
            well-informed choice for your personal requirements.
          </p>
        </section>
        <section class="mb-4">
          <table class="gf-table w-100">
            <caption class="text-center" i18n>
              Ghostfolio vs
              {{
                product2.name
              }}
              comparison table
            </caption>
            <thead>
              <tr class="mat-mdc-header-row">
                <th class="mat-mdc-header-cell px-1 py-2"></th>
                <th class="mat-mdc-header-cell px-1 py-2">Ghostfolio</th>
                <th class="mat-mdc-header-cell px-1 py-2">
                  {{ product2.name }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right"></td>
                <td class="mat-mdc-cell px-1 py-2">{{ product1.slogan }}</td>
                <td class="mat-mdc-cell px-1 py-2">{{ product2.slogan }}</td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Founded</td>
                <td class="mat-mdc-cell px-1 py-2">{{ product1.founded }}</td>
                <td class="mat-mdc-cell px-1 py-2">{{ product2.founded }}</td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Origin</td>
                <td class="mat-mdc-cell px-1 py-2">{{ product1.origin }}</td>
                <td class="mat-mdc-cell px-1 py-2">{{ product2.origin }}</td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Region</td>
                <td class="mat-mdc-cell px-1 py-2">
                  @for (
                    region of product1.regions;
                    track region;
                    let isLast = $last
                  ) {
                    {{ region }}{{ isLast ? '' : ', ' }}
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @for (
                    region of product2.regions;
                    track region;
                    let isLast = $last
                  ) {
                    {{ region }}{{ isLast ? '' : ', ' }}
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>
                  Available in
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @for (
                    language of product1.languages;
                    track language;
                    let isLast = $last
                  ) {
                    {{ language }}{{ isLast ? '' : ', ' }}
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @for (
                    language of product2.languages;
                    track language;
                    let isLast = $last
                  ) {
                    {{ language }}{{ isLast ? '' : ', ' }}
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right">
                  Open Source Software
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product1.isOpenSource) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} is Open Source Software"
                      >✅ Yes</span
                    >
                  } @else {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} is not Open Source Software"
                      >❌ No</span
                    >
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product2.isOpenSource) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} is Open Source Software"
                      >✅ Yes</span
                    >
                  } @else {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} is not Open Source Software"
                      >❌ No</span
                    >
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>
                  Self-Hosting
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product1.hasSelfHostingAbility === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} can be self-hosted"
                      >✅ Yes</span
                    >
                  } @else if (product1.hasSelfHostingAbility === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} cannot be self-hosted"
                      >❌ No</span
                    >
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product2.hasSelfHostingAbility === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} can be self-hosted"
                      >✅ Yes</span
                    >
                  } @else if (product2.hasSelfHostingAbility === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} cannot be self-hosted"
                      >❌ No</span
                    >
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>
                  Use anonymously
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product1.useAnonymously === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} can be used anonymously"
                      >✅ Yes</span
                    >
                  } @else if (product1.useAnonymously === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} cannot be used anonymously"
                      >❌ No</span
                    >
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product2.useAnonymously === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} can be used anonymously"
                      >✅ Yes</span
                    >
                  } @else if (product2.useAnonymously === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} cannot be used anonymously"
                      >❌ No</span
                    >
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>
                  Free Plan
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product1.hasFreePlan === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} offers a free plan"
                      >✅ Yes</span
                    >
                  } @else if (product1.hasFreePlan === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product1.name }} does not offer a free plan"
                      >❌ No</span
                    >
                  }
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product2.hasFreePlan === true) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} offers a free plan"
                      >✅ Yes</span
                    >
                  } @else if (product2.hasFreePlan === false) {
                    <span
                      i18n
                      i18n-title
                      title="{{ product2.name }} does not offer a free plan"
                      >❌ No</span
                    >
                  }
                </td>
              </tr>
              <tr class="mat-mdc-row">
                <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Pricing</td>
                <td class="mat-mdc-cell px-1 py-2">
                  <span i18n>Starting from</span> ${{ price }} /
                  <span i18n>year</span>
                </td>
                <td class="mat-mdc-cell px-1 py-2">
                  @if (product2.pricingPerYear) {
                    <span i18n>Starting from</span>
                    {{ product2.pricingPerYear }} /
                    <span i18n>year</span>
                  }
                </td>
              </tr>
              @if (product1.note || product2.note) {
                <tr class="mat-mdc-row">
                  <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Notes</td>
                  <td class="mat-mdc-cell px-1 py-2">{{ product1.note }}</td>
                  <td class="mat-mdc-cell px-1 py-2">{{ product2.note }}</td>
                </tr>
              }
            </tbody>
          </table>
        </section>
        <section class="mb-4">
          <p i18n>
            Please note that the information provided in the Ghostfolio vs
            {{ product2.name }} comparison table is based on our independent
            research and analysis. This website is not affiliated with
            {{ product2.name }} or any other product mentioned in the
            comparison. As the landscape of personal finance tools evolves, it
            is essential to verify any specific details or changes directly from
            the respective product page. Data needs a refresh? Help us maintain
            accurate data on
            <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>.
          </p>
        </section>
        <section class="call-to-action mb-4 py-3 rounded">
          <h2 class="h4 mb-0 text-center" i18n>
            Ready to take your <strong>investments</strong> to the
            <strong>next level</strong>?
          </h2>
          <p class="lead mb-2 text-center" i18n>
            Effortlessly track, analyze, and visualize your wealth with
            Ghostfolio.
          </p>
          <div class="text-center">
            <a color="primary" href="https://ghostfol.io" i18n mat-flat-button
              >Get Started</a
            >
          </div>
        </section>
        <section class="mb-4">
          <ul class="list-inline">
            @for (tag of tags; track tag) {
              <li class="list-inline-item">
                <span class="badge badge-light">{{ tag }}</span>
              </li>
            }
          </ul>
        </section>
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a i18n [routerLink]="routerLinkResourcesPersonalFinanceTools"
                >Personal Finance Tools</a
              >
            </li>
            <li
              aria-current="page"
              class="active breadcrumb-item text-truncate"
            >
              Ghostfolio vs {{ product2.name }}
            </li>
          </ol>
        </nav>
      </article>
    </div>
  </div>
</div>
